<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>学校在线考试系统</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.css" rel="stylesheet">
	<link href="css/mystyle.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
	<link href="css/font-awesome.min.css" rel="stylesheet">
  </head>
  <body style="padding-top:51px;" oncontextmenu=self.event.returnValue=false>
	<div class="container-fluid">
		<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
			
			<div class="container">
				<div class="navbar-header">
					<span class="navbar-brand"><span class="fa fa-clock-o fa-lg"></span>&nbsp;考试时间：00:15:50</span>
				</div>
				
			</div>
			<div class="progress" style="border-radius:0;height:10px;margin:0;">
				<div class="progress-bar" role="progressbar"
					 aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
					 style="width:56%;">
					<span class="sr-only">90% 完成（成功）</span>
				</div>
			</div>
			
		</nav>
	</div>
	<div class="progress" style="border-radius:0;height:10px;margin:0;">
		<div class="progress-bar" role="progressbar"
			 aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
			 style="width:56%;">
			<span class="sr-only">90% 完成（成功）</span>
		</div>
	</div>
	<div style="background-color:#f7f7f7; padding-top:15px;">
		<div class="container">
			<div class="page-header" style="text-align:center;">
				<h2 >
					页面标题实例
				</h2>
				<h4>描述</h4>
			</div>
			<form role="form" style="padding-left:50px;padding-right:50px;">
				<ul class="list-group" >
					<li class="list-group-item"><h4><strong>一、单选题</strong></h4></li>
					<li class="list-group-item">
						<h4>1.小题题目</h4>
						<ul class="row list-style-none">
							<li class="col-sm-6">
								<label class="radio-inline">
									<input type="radio" name="optionsRadiosinline" id="" value="">A.选项 1
								</label>
							</li>
							<li class="col-sm-6">
								<label class="radio-inline">
									<input type="radio" name="optionsRadiosinline" id="" value="">B.选项 1
								</label>
							</li>
							<li class="col-sm-6">
								<label class="radio-inline">
									<input type="radio" name="optionsRadiosinline" id="" value="">C.选项 1
								</label>
							</li>
							<li class="col-sm-6">
								<label class="radio-inline">
									<input type="radio" name="optionsRadiosinline" id="" value="">D.选项 1
								</label>
							</li>
						</ul>
					</li>
					<li class="list-group-item"><h4><strong>二、多选题</strong></h4></li>
					<li class="list-group-item">
						<h4>1.小题题目</h4>
						<ul class="row list-style-none">
							<li class="col-sm-6">
								<label class="checkbox-inline">
									<input type="checkbox" id="inlineCheckbox1" value="option1">A.选项 1
								</label>
							</li>
							<li class="col-sm-6">
								<label class="checkbox-inline">
									<input type="checkbox" id="inlineCheckbox1" value="option1">A.选项 1
								</label>
							</li>
							<li class="col-sm-6">
								<label class="checkbox-inline">
									<input type="checkbox" id="inlineCheckbox1" value="option1">A.选项 1
								</label>
							</li>
							<li class="col-sm-6">
								<label class="checkbox-inline">
									<input type="checkbox" id="inlineCheckbox1" value="option1">A.选项 1
								</label>
							</li>
						</ul>
						<h4>2.小题题目</h4>
						<ul class="row list-style-none">
							<li class="col-sm-6">
								<label class="checkbox-inline">
									<input type="checkbox" id="inlineCheckbox1" value="option1">A.选项 1
								</label>
							</li>
							<li class="col-sm-6">
								<label class="checkbox-inline">
									<input type="checkbox" id="inlineCheckbox1" value="option1">A.选项 1
								</label>
							</li>
							<li class="col-sm-6">
								<label class="checkbox-inline">
									<input type="checkbox" id="inlineCheckbox1" value="option1">A.选项 1
								</label>
							</li>
							<li class="col-sm-6">
								<label class="checkbox-inline">
									<input type="checkbox" id="inlineCheckbox1" value="option1">A.选项 1
								</label>
							</li>
						</ul>
					</li>
					<li class="list-group-item"><h4><strong>三、填空题</strong></h4></li>
					<li class="list-group-item">
						<h4>1.小题填空处<input class="blank-input" type="text" id="name"></h4>
					</li>
					<li class="list-group-item"><h4><strong>四、解答题</strong></h4></li>
					<li class="list-group-item">
						<textarea class="form-control answer-textarea"></textarea>
					</li>
					
				</ul>
				
				
				
				<button type="submit" class="btn btn-success center-block">交卷</button>
			</form>
		</div>
		
		
		
		
	</div>
	
	
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/my-js.js"></script>
  </body>
</html>